import data from "@/assets/data.png";
import easy from "@/assets/easy.png";
import phone from "@/assets/phone.png";
import root from "@/assets/root.png";
import { ArrowRightOutlined } from "@ant-design/icons";
import { Button } from "antd";
import { history, useModel } from "umi";
import styles from "./index.less";
const { ipcRenderer } = window.require("electron");

const infos = [
  {
    icon: phone,
    title: "支持移动全平台",
    text: "支持Android/iOS移动平台，如手机、iPad、Watch以及Android模拟等，提供PerDog软件Windows&Mac版本。",
  },
  {
    icon: root,
    title: "无需ROOT/越狱",
    text: "Android设备无需ROOT，iOS 设备无需越狱，高效解决Android&iOS性能测试分析难题。",
  },
  {
    icon: data,
    title: "测试数据准确全面",
    text: "工具本身对测试设备CPU的性能影响＜1%，帧率无影响，轻松获得FPS、Jank、FTime、CPU、Memoney、Battery、Network、CTemp等性能参数。",
  },
  {
    icon: easy,
    title: "工具易用性高",
    text: "无需安装，即插即用，减少繁琐的测试障碍。支持所有APP应用、游戏、小程序、小游戏、H5及Web等。",
  },
];

const Login = () => {
  const { getUserInfo } = useModel("user");
  const login = async () => {
    try {
      const userInfo = await ipcRenderer.invoke("getUserInfo");
      const { refresh_token } = JSON.parse(userInfo || "{}");
      if (refresh_token) {
        getUserInfo(refresh_token);
        history.push("/editor/kpi");
      } else {
        history.push("/auth");
      }
    } catch (err) {
      console.log(err);
      history.push("/auth");
    }
  };
  return (
    <div className={styles.box}>
      <div className={styles.left}>
        <div className={styles.banner}>
          <div className={styles.title}>SmartPerf游戏性能测试工具</div>
          <div className={styles.text}>
            全平台游戏性能测试，助力解决游戏测试过程中的各种问题，协助游戏企业高效推出高质量受欢迎的游戏产品。
          </div>
          <Button
            style={{ width: 160, height: 50, fontSize: 16, borderRadius: 8 }}
            type="primary"
            onClick={login}
          >
            开始体验
            <ArrowRightOutlined style={{ marginLeft: 10 }} />
          </Button>
        </div>
        <div className={styles.info}>
          {infos.map((item, index) => (
            <div className={styles.item} key={index}>
              <div>
                <img src={item.icon} />
                <span className={styles.title}>{item.title}</span>
              </div>
              <div className={styles.text}>{item.text}</div>
            </div>
          ))}
        </div>
      </div>
    </div>
  );
};

export default Login;
